<template>
  <div>
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/' }">系统管理</el-breadcrumb-item>
      <el-breadcrumb-item>权限变更</el-breadcrumb-item>
    </el-breadcrumb>
    <div class="body">
      <el-container>
        <el-aside width="200px">
          <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
        </el-aside>
        <el-main>
          <router-view></router-view>
        </el-main>
      </el-container>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      data:[{
        label:"系统管理",
        path: "/anthortyshow",
        children: [
          {
            label:"员工管理",
            path: "/anthortyshow"
          },
          {
            label:"角色管理",
            path: "/anthortyinfo"
          },
          {
            label:"角色变更",
            path: "/anthortyinfo"
          },
        ]
      },
      {
        label:"招生管理",
        path: "/anthortyinfo",
        children: [
          {label:"学生线索",
          path: "/anthortyinfo"},
        ]
      }]
    }
  },
  methods:{
    handleNodeClick(obj){
      console.log(obj.path);
      this.$router.push(obj.path);
    }
  }
};
</script>
<style lang="less" scoped>
.body{
  margin-top: 20px;
}
</style>